<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>CSS Test</title>
<style type="text/css">
table.default {
	background: #C1DCF7 none repeat scroll 0%;
	border: 1px solid #C1DCF7;
	color: #000000;
	width: 98%;
	border-collapse: collapse;
	margin: 0 auto;
}
table.default caption {
	background:transparent url(http://blog.sunshow.net/wp-content/uploads/2008/04/bg_list.gif) repeat-x scroll 0%;
	height: 30px !important;
	line-height: 30px;
	text-align: left;
	padding-left: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
table.default caption a:link, table.default caption a:visited {
	color: #000000;
	font-size: 12px;
	text-decoration: underline;
}
table.default caption a:hover {
	font-size: 12px;
	color: #14568A;
}
table.default thead tr {
	background: #C1DCF7 none repeat scroll 0%;
	color: #000000;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-size: 13px;
}
table.default thead tr th {
	border-color: #C1DCF7;		/* fix for IE */
}
table.default tbody {
	background: #FFFFFF none repeat scroll 0%;
	text-align: left;
}
table.default tbody tr {
	height: 25px;
	line-height: 25px;
	event: expression(
		(this.onmouseover = function() {this.className += ' over';}) &&
		(this.onmouseout = function() {this.className = this.className.replace(' over', '');})
	);
}
table.default tbody tr:hover, table.default tbody tr.over {
	background-color: #E8F0FF;
}
table.default tbody tr td {
	font-size: 12px;
	padding: 0 0 0 5px;
	border-color: #C1DCF7;		/* fix for IE */
}
table.default tbody tr td {	/* fix for IE when align="center" or align="right" */
	padding-left: expression(
		(((this.align == 'center') || (this.align == 'right')) ? '0px' : '5px')
	);
	padding-right: expression(
		((this.align == 'right') ? '5px' : '0px')
	);
}
table.default tbody tr td[align="center"] {
	padding: 0;
}
table.default tbody tr td[align="right"] {
	padding: 0 5px 0 0;
}
</style>
</head>
<body>
<table width="109%" cellpadding="1" cellspacing="0" rules="all" class="default">
	<caption>明细</caption>
	<thead>
		<tr>
			<th width="6%">序号</th>
			<th width="15%">房间名称</th>
			<th width="11%">所在楼层</th>
			<th width="6%">点数</th>
			<th width="7%">网点状态</th>
			<th width="11%">电脑型号</th>
			<th width="10%">IP地址</th>
			<th width="10%">交换机型号</th>
			<th width="5%">接口</th>
			<th width="8%">配线盒</th>
			<th width="5%">端口</th>
			<th width="6%">线号</th>
		</tr>
	</thead>
	
	<tbody>
	<?php $i=1;?>
	
	<?php foreach ($this->data as $v):?>
		<tr>
			<td align="center"><?php echo $i++;
		
			?><a href="/maintain/alter">修改</a></td>
			<td align="center"><?php echo $v['room']?></td>
			<td align="center"><?php echo $v['bulding'].$v['floor']?></td>
			<td align="center"><?php echo $v['pointNum']?></td>
			<td align="center"><?php echo $v['pointState']?></td>
			<td align="center"><?php echo $v['pcType']?></td>
			<td align="center"><?php echo $v['IP']?></td>
			<td align="center"><?php echo $v['switchT']?></td>
			<td align="center"><?php echo $v['interface']?></td>
			<td align="center"><?php echo $v['netbox']?></td>
			<td align="center"><?php echo $v['port']?></td>
			<td align="center"><?php echo $v['lineNum']?></td>
		</tr>
			<?php endforeach;?>
	</tbody>

</table>

</body>
</html>
